<html>
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
	<meta name="mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<title>Time Off Machine</title>
	<link rel="icon" type="image/gif" href="/assets/img/favicon.gif">
	<link rel="icon" sizes="196x196" href="/assets/img/casey-icon-196.png">
	<link rel="icon" sizes="128x128" href="/assets/img/casey-icon-128.png">
	<link rel="apple-touch-icon" sizes="128x128" href="/assets/img/casey-icon-128.png">
	<link rel="apple-touch-icon-precomposed" sizes="128x128" href="/assets/img/casey-icon-128.png">
	<!-- style sheets -->
	<link href='//fonts.googleapis.com/css?family=Roboto:400' rel='stylesheet' type='text/css'>
	<style>
		body {
			margin:0px;
			font-family:"Roboto", Arial, Helvetica, sans-serif;
			font-weight:400;
		}
		.blue-screen {
			display:block;
			position:absolute;
			background-color:#4184f3;
			margin:0px;
			padding:0px;
			width:100%;
			height:100%;
			overflow:hidden;
		}
		.blue-screen-title {
			color:#fff;
			font-size:32px;
			font-weight:400;
			opacity:1;
			text-align:center;
			margin:40px 16px 0px 16px;
		}
		.blue-screen-casey {
			display:block;
			position:relative;
			text-align:center;
			margin-left:auto;
			margin-right:auto;
			color:#fff;
			max-width:300px;
			margin-top:48px;
			text-decoration:none;
		}
		.blue-screen-casey p {
			margin-top:16px;
			font-size:18px;
			line-height:24px;
		}
	</style>
</head>
<body>
	<div class="blue-screen">
		<h1 class="blue-screen-title">Maintenance mode</h1>
		<div class="blue-screen-casey">
			<image src="assets/img/casey_color.gif" width="162" height="140" title="Casey says: Enjoy your time off!">
			<p class="blue-screen-description">Our vendor is down every Friday from 7-11PM Pacific Time. Please check back shortly...</p>
		</div>
	</div>
</body>
</html>